.wap-main-gift{

  .gift-content{
    padding:20px 15px;
    min-height: 200px;
    .type-tab{
      border:1px solid #d6d6d6;
      border-radius: 5px ;
      li{
        float: left;
        width: 50%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        color:#fff;
      }
      .active{
        background: #fff;
        color: #787878;
      }
    }

    .explain{
      height: 60px;
      line-height: 50px;
      color: #fff;
      position: relative;
      .text{
        position: absolute;
        right:0;
        background: url(./image/info.png) no-repeat left center;
        background-size:20px 20px;
        padding-left:25px;
      }
    }

    .gift-list{
      display:none;
      li{
        box-sizing: border-box;
        margin-bottom:20px;
        border:1px solid #a1a1a1;
        border-radius: 5px ;
        padding:10px 0;
        background: #dcdcdc;
        color: #676767;
        position: relative;
        .gift-item{
          height: 60px;
          position: relative;
          overflow: hidden;
          .left{
            position: absolute;
            left:0;
            top:0;
            height: 60px;
            width: 100px;
            border-right:1px dashed #676767;
            text-align: center;
            line-height: 60px;
            font-size:15px;
            .number{
              font-size:25px;
              color: #676767;

              font-weight: 700;
            }
          }
          .right{
            height: 100px;
            float: left;
            margin-left:110px;
            line-height: 20px;

            .status{
              font-size:15px;
              margin-bottom:5px;
              font-weight: 700;
            }
            .time{
              font-size:13px;
            }
            .rule{
              font-size:12px;
            }
          }
        }

        .new{
          width:39px;
          height: 24px;
          display: block;
          background: url(./image/new-tip.png) no-repeat center center;
          background-size:39px 24px;
          position: absolute;
          left:10px;
          top:-15px;
        }
      }
      .active{
        background: #fff;
        .gift-item{
          .left{
            .number{
              color: #ff7724;
            }
          }
          .right{
            .status{
              color: #ff7724;
            }
          }
        }
      }
    }

    .red-gift{
      display:block ;
    }
  }

}